<template>
  <el-tabs type="border-card" :value="activeTab" @tab-click="changeTab">
    <el-tab-pane name="one">
      <span slot="label"><i class="el-icon-date"></i> 后台操作记录</span>
      <div v-show="activeTab === 'one'">
        <user-operate-table-logs />
      </div>
    </el-tab-pane>
    <el-tab-pane label="前台操作纪录" name="two">
      <div v-show="activeTab === 'two'">
        <user-self-operate-logs />
      </div>
    </el-tab-pane>
  </el-tabs>
</template>

<script>
import { grid } from '@/build';
//前台操作纪录组件
import UserSelfOperateLogs from '@/views/member/detail/userSelfLogs';
// 后台操作纪录组件
import UserOperateTableLogs from '@/views/member/detail/userOperateTableLogs';

export default {
  name: 'user-operate-logs',
  components: {
    UserOperateTableLogs,
    UserSelfOperateLogs,
  },
  mixins: [grid],
  data() {
    return {
      tableData: {},
      activeTab: 'one',
    };
  },
  mounted() {
  },
  methods: {
    changeTab(tab) {
      this.activeTab = tab.name;
    },
  },
};
</script>

<style lang="scss" scoped>
</style>
